.jp-flex-row {
	display: flex;
	flex-direction: row;
}

.jp-flex-column {
	display: flex;
	flex-direction: column;
}

.jp-flex-wrap {
	display: flex;
	/* flex-direction: row;//一般多行模式都是x轴为主轴，很少设置Y轴为主轴，所以这里写死一下row
	flex-wrap: wrap; */
	flex-flow: row wrap;
}

/* flex布局主轴对齐方式*/
/* 起点对齐 |□□□□  | */
.jp-main-start {
	justify-content: flex-start;
}

/* 结束点对齐 |  □□□□|  */
.jp-main-end {
	justify-content: flex-end;
}

/* 中心对齐 |  □□□□  |  */
.jp-main-center {
	justify-content: center;
}

/* 两端对齐 |□  □  □  □|  */
.jp-main-between {
	justify-content: space-between;
}

/* 分布相同空间 | □ □ □ □ |  */
.jp-main-around {
	justify-content: space-around;
}

/* flex布局侧轴对齐方式*/
/* 起点对齐 */
.jp-cross-start {
	align-items: flex-start;
}

/* 结束点对齐 */
.jp-cross-end {
	align-items: flex-end;
}

/* 中心对齐 */
.jp-cross-center {
	align-items: center;
}

/* 基线对齐(一般用于文字，文字第一行对齐) */
.jp-cross-baseline {
	align-items: baseline;
}

/* 侧轴上延展（尽量大的填充父容器，不设置侧轴其他对齐方式，该属性为默认值） */
.jp-cross-stretch {
	align-items: stretch;
}

/* flex布局多行模式下的主轴对齐方式*/
/* 起点对齐*/
.jp-wrap-main-start {
	justify-content: flex-start;
}

/* 结束点对齐*/
.jp-wrap-main-end {
	justify-content: flex-end;
}

/* 中心对齐*/
.jp-wrap-main-center {
	justify-content: center;
}

/* 两端对齐*/
.jp-wrap-main-between {
	justify-content: space-between;
}

/* 均匀分布*/
.jp-wrap-main-evenly {
	justify-content: space-evenly;
}

/* 分布相同空间 | □  □  □  □ |*/
.jp-wrap-main-around {
	justify-content: space-around;
}

/* flex布局多行模式下的侧轴对齐方式*/
/* 起点对齐*/
.jp-wrap-cross-start {
	align-items: flex-start;
}

/* 结束点对齐*/
.jp-wrap-cross-end {
	align-items: flex-end;
}

/* 中心对齐*/
.jp-wrap-cross-center {
	align-items: center;
}

/* 两端对齐*/
.jp-wrap-cross-between {
	align-items: space-between;
}

/* 均匀分布*/
.jp-wrap-cross-evenly {
	align-items: space-evenly;
}

/* 分布相同空间 | □  □  □  □ |*/
.jp-wrap-cross-around {
	align-items: space-around;
}

/* 填满剩余空间 */
.jp-expanded {
	/* flex-grow: 1; */
	flex: 1;
}

/* 页面底部固定按钮容器 */
.jp-footer-fixed {
	width: 100%;
	position: fixed;
	padding: 24rpx 24rpx 64rpx 24rpx;
	bottom: 0;
	z-index: 999;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 16rpx 0px #00000020;
}

.submit {
	font-size: 32rpx;
	padding: 16rpx;
	text-align: center;
	color: white;
	border-radius: 8rpx;
	background-color: $uni-color-primary;
	&.plain {
		background-color: transparent;
		border:2rpx $uni-color-primary solid;
		color: $uni-color-primary;
	}
}

.item-padding {
	padding: 24rpx;
}

.item-margin {
	margin: 16rpx 32rpx;
	border-radius: 16rpx;
	background: white;
}

::-webkit-scrollbar {
	display: none;
}

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
text,
navigator,
image {
	box-sizing: border-box;
}

/* uni-app的text中输入纯数字或者英文不换行
 word-wrap 属性用来标明是否允许浏览器在单词内进行断句
 word-break 属性用来标明怎么样进行单词内的断句 */
text {
	word-wrap: break-word;
	word-break: break-all;
}

input,
textarea {
	caret-color: #165DFF;
}

body,
page {
	font-size: 28rpx;
	background-color: $uni-bg-color !important;
	width: 100%;
	min-height: 100%;
	color: #1E232B;
	font-family: Helvetica Neue, Helvetica, sans-serif;
}